<template>
    <div class="renz_info">
		<div class="header">
			<van-nav-bar
				title="个人认证"
        left-arrow

        @click-left="onClickLeft"
				/>
		</div>
        <div class="renz_con">
            <p style="text-align:center;"><span >{{en_name}}</span></p>
            <p v-for="(item,i) in items" :key="i"><span>{{item.key_name}}</span><span style="margin-left:20px;">{{item.key_val}}</span></p>

            <div class="clear"></div>

        </div>

	</div>
</template>
<script>
export default {
    data() {
        return {
            user:'',
            en_name:'',
            items:[]
        }
    },
    mounted:function(){
        const that = this;
        let local_user = localStorage.getItem("user");
        if (local_user != undefined && local_user != "undefined") {
            let user = JSON.parse(local_user);
            that.user = user;
            that.get_real_auth_info();
        }
    },
    methods:{
        onClickLeft(){
            this.$router.go(-1);
        },
        get_real_auth_info() {
            const that = this;
            that.$sendRequest("/enterRegister/get_real_auth_info", "userId=" + that.user.userId)
                .then(function(res) {
                    console.log(res);
                    if (res.data.code == 0) {
                        that.en_name = res.data.result.en_name;
                        that.items = res.data.result.kvs;
                    }
                });
        },
    }
}
</script>
<style scoped="scoped">
    .clear{
        clear: both;
    }
    .renz_info{
        height: 100vh;
        background-color: #fff;
    }

    .header>>>.van-cell__title{
      width: 63px !important;
    }
    .header >>> .van-icon{
      color: #000000;
    }
    .header >>> .van-nav-bar__title{
      color: #2c3e50;
    }

	.header >>> .van-icon-arrow-left{
    color: #2c3e50;
	}
    .van-nav-bar__title{
        color: #fff;
    }
    .renz_con{
        /* width: 100vw; */
        background-color: #fff;
        box-sizing: border-box;
        padding:2vh 9vw;
    }
    .renz_con p{
        text-align: left;
        height:44px;
        font-size: 0.9rem;
        padding: 1vh 0;
        margin: 0;
    }
    .renz_con p span{
        line-height: 7vh;
    }
    .renz_con p input{
        float: right;
        width: 56vw;
        padding: 0 2vw;
        border-radius: 4px;
        border: 0.032rem solid #ccc;
        height: 43px;
    }
    .renz_con >>> .van-field__control{
        /* float: right; */
        width: 60vw;
        /* float: right; */
        padding: 0 2vw;
        border-radius: 4px;
        border: 0.032rem solid #ccc;
        height: 43px;
    }
    .renz_con >>> .van-field{
        padding: 1vh 0;
        font-size: 0.9rem;
        /* border-bottom: 1px solid #fff !important; */
    }
    .van-cell:not(:last-child)::after{
        border: none;
    }
    .renz_con >>> .van-field__label{
        width: 21.7vw;
        text-align: left;
        margin-top: 1.8vh;
    }
    .renz_foot{
        width: 100%;
        position:fixed;
        bottom: 0;
    }
    .renz_foot >>>.van-button{
        width: 100%;
    }
</style>

